<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪类选择器</title>
    <!--这四种伪类选择器必须按照固定顺序去写
    先爱后恨 原则
    先love后hate
    l:link
    v:visited
    h:hover
    a:active
    -->
    <style>
        a:link { /*连接还没被点击*/
            color: red;
        }

        a:visited { /*访问过这个连接*/
            color: green;
        }

        a:hover { /*鼠标放在上面悬停*/
            color: blue;
        }

        a:active { /*按住不松手*/
            color: yellow;
        }
    </style>
</head>
<body>
<!--之前的选择器 选择的都是标签
伪类选择器 选择的是标签的状态
常见的就是 a标签-->
<a href="#">这是一个a标签</a>
</body>
</html>